<template>
  <div>
    <UploadItem
      tipText="提示文字"
      ref="upload"
    ></UploadItem>
    <button @click="getBase64">获取图片的base64</button>
    <p class="text">1.该组件只包括选择文件，压缩，转为base64的功能，没有调用后台接口</p>
    <p class="text">2.width和height表示组件要显示的大小，以rem为单位</p>
    <p class="text">3.tipText表示提示文字</p>
    <p class="text">4.compressWidth和compressHeight表示要压缩的大小，以px为单位</p>
    <p class="text">5.compressQuality表示压缩图片的质量</p>
    <div>{{base64}}</div>
  </div>
</template>

<script>
import UploadItem from './components/UploadItem'
export default {
  components: {
    UploadItem
  },
  data() {
    return {
      base64: ''
    }
  },
  methods: {
    getBase64() {
      this.base64 = this.$refs.upload.imgData
    }
  }
}
</script>

<style>
</style>
